/* eslint-disable react-hooks/exhaustive-deps */
import React, { useState, useEffect } from 'react';
import { Form, Button, Checkbox, message } from 'antd';
import { ArrowLeftOutlined } from '@ant-design/icons';
import { useHistory } from 'react-router-dom';
import qs from 'qs';
import Cookies from 'js-cookie';
import Collapse from '@/components/collapse';
import UserInfo from '@/components/user-update/userInfo';
import ParkingLotInfo from '@/components/user-update/parkingLotInfo';
import ParkingLotExtraInfo from '@/components/user-update/parkingLotExtraInfo';
import FileExtraInfo from '@/components/user-update/fileExtraInfo';
import RequestApi from '@/utils/request';
import css from './index.scss';

/**
 * @description 我的备案编辑功能
 */
export default () => {
	const userId = Cookies.get('id');
	const onFinish = (values) => {
		console.log('Success:', values);
		const attachIds = [];
		// 处理经营管理者基本信息的文件上传数据
		console.log(values.businessLicense);
		attachIds.push(...values.propertyRight);
		attachIds.push(...values.recommendation);
		attachIds.push(...values.permissionRight);
		// 处理停车场设施-基本信息的文件上传数据
		attachIds.push(...values.parkLotList);
		attachIds.push(...values.confirmationOfCompletion);
		attachIds.push(...values.chargePilesEvidentialMaterial);
		// 其他文件
		attachIds.push(...values.trafficOrganisationChart);
		attachIds.push(...values.parkLotSettingList);
		attachIds.push(...values.serviceAndSafeSystem);
		attachIds.push(...values.manageOperateMaintainProject);
		attachIds.push(...values.emergencyResponsePlan);
		attachIds.push(...values.others);

		// 处理停车场设施-基本信息的所在地区
		if (values.districtName !== null && values.districtName !== undefined) {
			let districtName = '';
			for (let i = 0; i < values.districtName.length; i += 1) {
				districtName += `${values.districtName[i]},`;
			}

			values.districtName = districtName;
		}

		// 处理停车场设施-基本信息的位置属性
		if (values.positionProperty !== null && values.positionProperty !== undefined) {
			let positionProperty = '';
			for (let i = 0; i < values.positionProperty.length; i += 1) {
				positionProperty += `${values.positionProperty[i]},`;
			}
			values.positionProperty = positionProperty;
		}

		// 停车场设施-附属设施多选框处理
		if (values.guideSystemType !== null && values.guideSystemType !== undefined) {
			let guideSystemType = '';
			for (let i = 0; i < values.guideSystemType.length; i += 1) {
				guideSystemType += `${values.guideSystemType[i]},`;
			}
			values.guideSystemType = guideSystemType;
		}
		if (values.solidParkType !== null && values.solidParkType !== undefined) {
			let solidParkType = '';
			for (let i = 0; i < values.solidParkType.length; i += 1) {
				solidParkType += `${values.solidParkType[i]},`;
			}
			values.solidParkType = solidParkType;
		}
		if (values.fireFighting !== null && values.fireFighting !== undefined) {
			let fireFighting = '';
			for (let i = 0; i < values.fireFighting.length; i += 1) {
				fireFighting += `${values.fireFighting[i]},`;
			}
			values.fireFighting = fireFighting;
		}
		if (values.intelligentElectricChargeSystem !== null && values.intelligentElectricChargeSystem !== undefined) {
			let intelligentElectricChargeSystem = '';
			for (let i = 0; i < values.intelligentElectricChargeSystem.length; i += 1) {
				intelligentElectricChargeSystem += `${values.intelligentElectricChargeSystem[i]},`;
			}
			values.intelligentElectricChargeSystem = intelligentElectricChargeSystem;
		}
		if (values.signage !== null && values.signage !== undefined) {
			let signage = '';
			for (let i = 0; i < values.signage.length; i += 1) {
				signage += `${values.signage[i]},`;
			}
			values.signage = signage;
		}

		// 处理相关附件的文件上传数据
		// if (values.trafficOrganisationChart !== null && values.trafficOrganisationChart !== undefined) {
		// 	const trafficOrganisationChartList = [];
		// 	for (let i = 0; i < values.trafficOrganisationChart.fileList.length; i += 1) {
		// 		trafficOrganisationChartList.push(values.trafficOrganisationChart.fileList[i].response.data.row.id);
		// 		attachIds.push(values.trafficOrganisationChart.fileList[i].response.data.row.id);
		// 	}
		// 	values.trafficOrganisationChart = trafficOrganisationChartList;
		// }
		// if (values.parkLotSettingList !== null && values.parkLotSettingList !== undefined) {
		// 	const parkLotSettingListList = [];
		// 	for (let i = 0; i < values.parkLotSettingList.fileList.length; i += 1) {
		// 		parkLotSettingListList.push(values.parkLotSettingList.fileList[i].response.data.row.id);
		// 		attachIds.push(values.parkLotSettingList.fileList[i].response.data.row.id);
		// 	}
		// 	values.parkLotSettingList = parkLotSettingListList;
		// }
		// if (values.serviceAndSafeSystem !== null && values.serviceAndSafeSystem !== undefined) {
		// 	const serviceAndSafeSystemList = [];
		// 	for (let i = 0; i < values.serviceAndSafeSystem.fileList.length; i += 1) {
		// 		serviceAndSafeSystemList.push(values.serviceAndSafeSystem.fileList[i].response.data.row.id);
		// 		attachIds.push(values.serviceAndSafeSystem.fileList[i].response.data.row.id);
		// 	}
		// 	values.serviceAndSafeSystem = serviceAndSafeSystemList;
		// }
		// if (values.manageOperateMaintainProject !== null && values.manageOperateMaintainProject !== undefined) {
		// 	const manageOperateMaintainProjectList = [];
		// 	for (let i = 0; i < values.manageOperateMaintainProject.fileList.length; i += 1) {
		// 		manageOperateMaintainProjectList.push(values.manageOperateMaintainProject.fileList[i].response.data.row.id);
		// 		attachIds.push(values.manageOperateMaintainProject.fileList[i].response.data.row.id);
		// 	}
		// 	values.manageOperateMaintainProject = manageOperateMaintainProjectList;
		// }
		// if (values.emergencyResponsePlan !== null && values.emergencyResponsePlan !== undefined) {
		// 	const emergencyResponsePlanList = [];
		// 	for (let i = 0; i < values.emergencyResponsePlan.fileList.length; i += 1) {
		// 		emergencyResponsePlanList.push(values.emergencyResponsePlan.fileList[i].response.data.row.id);
		// 		attachIds.push(values.emergencyResponsePlan.fileList[i].response.data.row.id);
		// 	}
		// 	values.emergencyResponsePlan = emergencyResponsePlanList;
		// }
		// if (values.others !== null && values.others !== undefined) {
		// 	const othersList = [];
		// 	for (let i = 0; i < values.others.fileList.length; i += 1) {
		// 		othersList.push(values.others.fileList[i].response.data.row.id);
		// 		attachIds.push(values.others.fileList[i].response.data.row.id);
		// 	}
		// 	values.others = othersList;
		// }
		values.attachIds = attachIds;
		values.userId = userId;
		RequestApi.connection('post', `parkLotRecordTask/submit/${userId}`, values)
			.then(() => {
				message.success('提交成功');
			})
			.catch(() => {
				message.error('提交失败,可能是数据未填写完！！');
			});
	};

	const [form] = Form.useForm();
	const onSave = () => {
		const values = form.getFieldsValue();
		console.log(values);
		const attachIds = [];
		// 处理经营管理者基本信息的文件上传数据
		if (values.businessLicense !== null && values.businessLicense !== undefined && values.businessLicense === []) {
			const businessLicenseList = [];
			for (let i = 0; i < values.businessLicense.fileList.length; i += 1) {
				businessLicenseList.push(values.businessLicense.fileList[i].response.data.row.id);
				attachIds.push(values.businessLicense.fileList[i].response.data.row.id);
			}
			values.businessLicense = businessLicenseList;
		}
		if (values.propertyRight !== null && values.propertyRight !== undefined && values.propertyRight === []) {
			const propertyRightList = [];
			for (let i = 0; i < values.propertyRight.fileList.length; i += 1) {
				propertyRightList.push(values.propertyRight.fileList[i].response.data.row.id);
				attachIds.push(values.propertyRight.fileList[i].response.data.row.id);
			}
			values.propertyRight = propertyRightList;
		}
		if (values.recommendation !== null && values.recommendation !== undefined && values.recommendation === []) {
			const recommendationList = [];
			for (let i = 0; i < values.recommendation.fileList.length; i += 1) {
				recommendationList.push(values.recommendation.fileList[i].response.data.row.id);
				attachIds.push(values.recommendation.fileList[i].response.data.row.id);
			}
			values.recommendation = recommendationList;
		}
		if (values.permissionRight !== null && values.permissionRight !== undefined && values.permissionRight === []) {
			const permissionRightList = [];
			for (let i = 0; i < values.permissionRight.fileList.length; i += 1) {
				permissionRightList.push(values.permissionRight.fileList[i].response.data.row.id);
				attachIds.push(values.permissionRight.fileList[i].response.data.row.id);
			}
			values.permissionRight = permissionRightList;
		}

		// 处理停车场设施-基本信息的文件上传数据
		if (values.parkLotList !== null && values.parkLotList !== undefined && values.parkLotList === []) {
			const parkLotListList = [];
			for (let i = 0; i < values.parkLotList.fileList.length; i += 1) {
				parkLotListList.push(values.parkLotList.fileList[i].response.data.row.id);
				attachIds.push(values.parkLotList.fileList[i].response.data.row.id);
			}
			values.parkLotList = parkLotListList;
		}
		if (
			values.confirmationOfCompletion !== null &&
			values.confirmationOfCompletion !== undefined &&
			values.confirmationOfCompletion === []
		) {
			const confirmationOfCompletionList = [];
			for (let i = 0; i < values.confirmationOfCompletion.fileList.length; i += 1) {
				confirmationOfCompletionList.push(values.confirmationOfCompletion.fileList[i].response.data.row.id);
				attachIds.push(values.confirmationOfCompletion.fileList[i].response.data.row.id);
			}
			values.confirmationOfCompletion = confirmationOfCompletionList;
		}
		if (
			values.chargePilesEvidentialMaterial !== null &&
			values.chargePilesEvidentialMaterial !== undefined &&
			values.chargePilesEvidentialMaterial === []
		) {
			const chargePilesEvidentialMaterialList = [];
			for (let i = 0; i < values.chargePilesEvidentialMaterial.fileList.length; i += 1) {
				chargePilesEvidentialMaterialList.push(values.chargePilesEvidentialMaterial.fileList[i].response.data.row.id);
				attachIds.push(values.chargePilesEvidentialMaterial.fileList[i].response.data.row.id);
			}
			values.chargePilesEvidentialMaterial = chargePilesEvidentialMaterialList;
		}

		// 处理停车场设施-基本信息的所在地区
		if (values.districtName !== null && values.districtName !== undefined) {
			let districtName = '';
			for (let i = 0; i < values.districtName.length; i += 1) {
				districtName += `${values.districtName[i]},`;
			}
			values.districtName = districtName;
		}

		// 处理停车场设施-基本信息的位置属性
		if (values.positionProperty !== null && values.positionProperty !== undefined) {
			let positionProperty = '';
			for (let i = 0; i < values.positionProperty.length; i += 1) {
				positionProperty += `${values.districtName[i]},`;
			}
			values.positionProperty = positionProperty;
		}

		// 停车场设施-附属设施多选框处理
		if (values.guideSystemType !== null && values.guideSystemType !== undefined) {
			let guideSystemType = '';
			for (let i = 0; i < values.guideSystemType.length; i += 1) {
				guideSystemType += `${values.guideSystemType[i]},`;
			}
			values.guideSystemType = guideSystemType;
		}
		if (values.solidParkType !== null && values.solidParkType !== undefined) {
			let solidParkType = '';
			for (let i = 0; i < values.solidParkType.length; i += 1) {
				solidParkType += `${values.solidParkType[i]},`;
			}
			values.solidParkType = solidParkType;
		}
		if (values.fireFighting !== null && values.fireFighting !== undefined) {
			let fireFighting = '';
			for (let i = 0; i < values.fireFighting.length; i += 1) {
				fireFighting += `${values.fireFighting[i]},`;
			}
			values.fireFighting = fireFighting;
		}
		if (values.intelligentElectricChargeSystem !== null && values.intelligentElectricChargeSystem !== undefined) {
			let intelligentElectricChargeSystem = '';
			for (let i = 0; i < values.intelligentElectricChargeSystem.length; i += 1) {
				intelligentElectricChargeSystem += `${values.intelligentElectricChargeSystem[i]},`;
			}
			values.intelligentElectricChargeSystem = intelligentElectricChargeSystem;
		}
		if (values.signage !== null && values.signage !== undefined) {
			let signage = '';
			for (let i = 0; i < values.signage.length; i += 1) {
				signage += `${values.signage[i]},`;
			}
			values.signage = signage;
		}

		// 处理相关附件的文件上传数据
		if (
			values.trafficOrganisationChart !== null &&
			values.trafficOrganisationChart !== undefined &&
			values.trafficOrganisationChart === []
		) {
			const trafficOrganisationChartList = [];
			for (let i = 0; i < values.trafficOrganisationChart.fileList.length; i += 1) {
				trafficOrganisationChartList.push(values.trafficOrganisationChart.fileList[i].response.data.row.id);
				attachIds.push(values.trafficOrganisationChart.fileList[i].response.data.row.id);
			}
			values.trafficOrganisationChart = trafficOrganisationChartList;
		}
		if (
			values.parkLotSettingList !== null &&
			values.parkLotSettingList !== undefined &&
			values.parkLotSettingList === []
		) {
			const parkLotSettingListList = [];
			for (let i = 0; i < values.parkLotSettingList.fileList.length; i += 1) {
				parkLotSettingListList.push(values.parkLotSettingList.fileList[i].response.data.row.id);
				attachIds.push(values.parkLotSettingList.fileList[i].response.data.row.id);
			}
			values.parkLotSettingList = parkLotSettingListList;
		}
		if (
			values.serviceAndSafeSystem !== null &&
			values.serviceAndSafeSystem !== undefined &&
			values.serviceAndSafeSystem === []
		) {
			const serviceAndSafeSystemList = [];
			for (let i = 0; i < values.serviceAndSafeSystem.fileList.length; i += 1) {
				serviceAndSafeSystemList.push(values.serviceAndSafeSystem.fileList[i].response.data.row.id);
				attachIds.push(values.serviceAndSafeSystem.fileList[i].response.data.row.id);
			}
			values.serviceAndSafeSystem = serviceAndSafeSystemList;
		}
		if (
			values.manageOperateMaintainProject !== null &&
			values.manageOperateMaintainProject !== undefined &&
			values.manageOperateMaintainProject === []
		) {
			const manageOperateMaintainProjectList = [];
			for (let i = 0; i < values.manageOperateMaintainProject.fileList.length; i += 1) {
				manageOperateMaintainProjectList.push(values.manageOperateMaintainProject.fileList[i].response.data.row.id);
				attachIds.push(values.manageOperateMaintainProject.fileList[i].response.data.row.id);
			}
			values.manageOperateMaintainProject = manageOperateMaintainProjectList;
		}
		if (
			values.emergencyResponsePlan !== null &&
			values.emergencyResponsePlan !== undefined &&
			values.emergencyResponsePlan === []
		) {
			const emergencyResponsePlanList = [];
			for (let i = 0; i < values.emergencyResponsePlan.fileList.length; i += 1) {
				emergencyResponsePlanList.push(values.emergencyResponsePlan.fileList[i].response.data.row.id);
				attachIds.push(values.emergencyResponsePlan.fileList[i].response.data.row.id);
			}
			values.emergencyResponsePlan = emergencyResponsePlanList;
		}
		if (values.others !== null && values.others !== undefined && values.others === []) {
			const othersList = [];
			for (let i = 0; i < values.others.fileList.length; i += 1) {
				othersList.push(values.others.fileList[i].response.data.row.id);
				attachIds.push(values.others.fileList[i].response.data.row.id);
			}
			values.others = othersList;
		}
		values.attachIds = attachIds;
		values.userId = userId;
		console.log('values: ', values);
		RequestApi.connection('post', `parkLotRecordTask/hold/${userId}`, values)
			.then(() => {
				message.success('暂存成功');
			})
			.catch(() => {
				message.error('暂存失败,可能是数据为填写完！！');
			});
	};

	// 控制是否可以提交表单
	function isRead(value) {
		const result = value.target.checked;
		if (result === true) {
			document.getElementById('isSubmit').disabled = false;
		} else if (result === false) {
			document.getElementById('isSubmit').disabled = true;
		}
	}
	const history = useHistory();
	const [parkLotManagerBaseInfoFile, setParkLotManagerBaseInfoFile] = useState(); // 经营管理者基本信息文件
	const [parkLotBaseInfoFile, setParkLotBaseInfoFile] = useState(); // 停车场设施-基本信息文件
	const [parkLotAttachmentsInfoFile, setParkLotAttachmentsInfo] = useState(); // 附件文件
	function getAllData() {
		const search = qs.parse(history.location.search, { ignoreQueryPrefix: true });
		const { id } = search;
		RequestApi.connection('get', `parkLotRecordTask/parkLotTaskInfo/${id}`).then((response) => {
			const data = response.data.rows;
			setParkLotManagerBaseInfoFile(data.parkLotManagerBaseInfoDTO);
			setParkLotBaseInfoFile(data.parkLotBaseInfoDTO);
			setParkLotAttachmentsInfo(data.parkLotAttachmentsInfoDTO);
			const parkLotManagerBaseInfoData = data.parkLotManagerBaseInfoDTO;
			const parkLotBaseInfoData = data.parkLotBaseInfoDTO;
			const districtName = [parkLotBaseInfoData.districtName];
			const positionProperty =
				parkLotBaseInfoData.positionProperty === null ? null : parkLotBaseInfoData.positionProperty.split(',');
			const parkLotSettingInfoData = data.parkLotSettingInfoDTO;
			const guideSystemType =
				parkLotSettingInfoData.guideSystemType === null ? [] : parkLotSettingInfoData.guideSystemType.split(',');
			const solidParkType =
				parkLotSettingInfoData.solidParkType === null ? [] : parkLotSettingInfoData.solidParkType.split(',');
			const fireFighting =
				parkLotSettingInfoData.fireFighting === null ? [] : parkLotSettingInfoData.fireFighting.split(',');
			const intelligentElectricChargeSystem =
				parkLotSettingInfoData.intelligentElectricChargeSystem === null
					? []
					: parkLotSettingInfoData.intelligentElectricChargeSystem.split(',');
			const signage = parkLotSettingInfoData.signage === null ? [] : parkLotSettingInfoData.signage.split(',');
			const parkLotAttachmentsInfo = data.parkLotAttachmentsInfoDTO;
			form.setFieldsValue({
				// 经营管理者基本信息
				name: parkLotManagerBaseInfoData.name,
				manageOrgName: parkLotManagerBaseInfoData.manageOrgName,
				manageOrgPhone: parkLotManagerBaseInfoData.manageOrgPhone,
				propertyOrgName: parkLotManagerBaseInfoData.propertyOrgName,
				propertyOrgPhone: parkLotManagerBaseInfoData.propertyOrgPhone,
				propertyOrgRelation: parkLotManagerBaseInfoData.propertyOrgRelation,
				managerName: parkLotManagerBaseInfoData.managerName,
				managerPhone: parkLotManagerBaseInfoData.managerPhone,
				isCharge: parkLotManagerBaseInfoData.isCharge,
				isParkFeeDiscount: parkLotManagerBaseInfoData.isParkFeeDiscount,
				businessLicense: parkLotManagerBaseInfoData.businessLicense,
				propertyRight: parkLotManagerBaseInfoData.propertyRight,
				permissionRight: parkLotManagerBaseInfoData.permissionRight,
				recomendation: parkLotManagerBaseInfoData.recomendation,

				// 停车场设施-基本信息
				districtName,
				address: parkLotBaseInfoData.address,
				entranceLongitude: parkLotBaseInfoData.entranceLongitude,
				entranceLatitude: parkLotBaseInfoData.entranceLatitude,
				parkLevel: parkLotBaseInfoData.parkLevel,
				parkLotType: parkLotBaseInfoData.parkLotType,
				landUseNature: parkLotBaseInfoData.landUseNature,
				planParkCount: parkLotBaseInfoData.planParkCount,
				parkLotScale: parkLotBaseInfoData.parkLotScale,
				saleParkCount: parkLotBaseInfoData.saleParkCount,
				externalParkCount: parkLotBaseInfoData.externalParkCount,
				externalParkCountDesc: parkLotBaseInfoData.externalParkCountDesc,
				parkArea: parkLotBaseInfoData.parkArea,
				parkAreaDesc: parkLotBaseInfoData.parkAreaDesc,
				noObstacleParkCount: parkLotBaseInfoData.noObstacleParkCount,
				chaegePileParkCount: parkLotBaseInfoData.chaegePileParkCount,
				parkLotRommType: parkLotBaseInfoData.parkLotRommType,
				microParkCount: parkLotBaseInfoData.microParkCount,
				dischargeParkCount: parkLotBaseInfoData.dischargeParkCount,
				mechanicalParkCount: parkLotBaseInfoData.mechanicalParkCount,
				commonParkCount: parkLotBaseInfoData.commonParkCount,
				entranceExitScale: parkLotBaseInfoData.entranceExitScale,
				entranceExitLaneScale: parkLotBaseInfoData.entranceExitLaneScale,
				positionProperty,
				confirmationOfCompletion: parkLotBaseInfoData.confirmationOfCompletion,
				parkLotList: parkLotBaseInfoData.parkLotList,
				chargePilesEvidentialMaterial: parkLotBaseInfoData.chargePilesEvidentialMaterial,

				// 停车场设施-附属设施
				guideSystemType,
				haveCarWash: parkLotSettingInfoData.haveCarWash,
				netAndSignalPercent: parkLotSettingInfoData.netAndSignalPercent,
				solidParkType,
				fireFighting,
				publicToiletCount: parkLotSettingInfoData.publicToiletCount,
				haveParkSystem: parkLotSettingInfoData.haveParkSystem,
				isPreSaveDataInterface: parkLotSettingInfoData.isPreSaveDataInterface,
				intelligentElectricChargeSystem,
				monitorSystemPercent: parkLotSettingInfoData.monitorSystemPercent,
				haveLightingFacility: parkLotSettingInfoData.haveLightingFacility,
				haveUrgeLightingSystem: parkLotSettingInfoData.haveUrgeLightingSystem,
				haveVentilationSystem: parkLotSettingInfoData.haveVentilationSystem,
				haveParkPosition: parkLotSettingInfoData.haveParkPosition,
				haveRoadHarden: parkLotSettingInfoData.haveRoadHarden,
				haveBarrier: parkLotSettingInfoData.haveBarrier,
				wallAndCeillingIsDecoration: parkLotSettingInfoData.wallAndCeillingIsDecoration,
				signage,
				signageOther: parkLotSettingInfoData.signageOther,
				spotFeePublicBrand: parkLotSettingInfoData.spotFeePublicBrand,
				chargePileCount: parkLotSettingInfoData.chargePileCount,

				// 相关附件
				applicationRecordForm: parkLotAttachmentsInfo.applicationRecordForm,
				emergencyResponsePlan: parkLotAttachmentsInfo.emergencyResponsePlan,
				manageOperateMaintainProject: parkLotAttachmentsInfo.manageOperateMaintainProject,
				others: parkLotAttachmentsInfo.others,
				parkLotSettingList: parkLotAttachmentsInfo.parkLotSettingList,
				prospectForm: parkLotAttachmentsInfo.prospectForm,
				serviceAndSafeSystem: parkLotAttachmentsInfo.serviceAndSafeSystem,
				trafficOrganisationChart: parkLotAttachmentsInfo.trafficOrganisationChart,
			});
		});
	}
	useEffect(() => {
		getAllData();
	}, []);
	function result(v1, v2) {
		console.log(v1, v2);
		form.setFieldsValue({
			longitude: v1,
			latitude: v2,
		});
	}
	return (
		<div className={css.app}>
			<div className={css.header}>
				<span className={css.back_myRecord}>
					<ArrowLeftOutlined />
				</span>
				<span>我的备案</span>
				<span className={css.tip}>特别提醒: 由于上传资料过多，填写过程请及时暂存,以免上传失效重复填写。</span>
			</div>
			<div className={css.content}>
				<Form name="form" form={form} layout="vertical" onFinish={onFinish}>
					<Collapse
						form1={<UserInfo parkLotManagerBaseInfoFile={parkLotManagerBaseInfoFile} form={form} />}
						form2={<ParkingLotInfo result={result} parkLotBaseInfoFile={parkLotBaseInfoFile} form={form} />}
						form3={<ParkingLotExtraInfo form={form} />}
						form4={<FileExtraInfo parkLotAttachmentsInfoFile={parkLotAttachmentsInfoFile} form={form} />}
					/>
					<Form.Item wrapperCol={{ offset: 8, span: 16 }} className={css.submit}>
						<Form.Item name="remember" valuePropName="checked" noStyle>
							<Checkbox onChange={isRead}>
								<span style={{ color: '#2882fe' }}>我已认真阅读并同意以上条款</span>
							</Checkbox>
						</Form.Item>
						<Button type="primary" onClick={onSave}>
							暂存
						</Button>
						<Button type="primary" htmlType="submit" disabled id="isSubmit">
							提交
						</Button>
					</Form.Item>
				</Form>
			</div>
		</div>
	);
};
